﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Page/Site.Master" AutoEventWireup="true" CodeBehind="AddTab.aspx.cs" Inherits="VanTaiTMS.AddTab" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
<style type="text/css">
  .nav-tabs > li .close {
 		margin: -2px 0 0 10px;
    	font-size: 18px;
	}
			 
	.marginBottom{
		margin-bottom :1px !important;
	}
			 
	.operationDiv{
		padding:5px 10px 5px 5px;
	}
	.operationDivWrapper{
		margin-top:-1px;
	}
	.leftMenu{
		height :70%;
		background-color: #E6E6E6;
		border-right: 2px solid #BFBFBF;
	}
</style>

<link href="Scripts/Alert/jquery.alerts.css" rel="stylesheet" />
<script src="Scripts/Alert/jquery.alerts.js"></script>
<script src="TabsOperations.js" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function () {
        bindData();
    });
</script>
<style type="text/css">
    #loadingPage {
        position:fixed;
        width:100%;
        height:100%;
        left:0;
        top:0px;
        background:#000;
    }
</style>
<script type="text/javascript">

    function bindData() {
        $.ajax({
            type: "POST",
            url: "AddTab.aspx/GetData",
            data: "{}",
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: _OnSuccess,
            failure: function (response) {
                alert(response.d);
            }
        })
    }
    function _OnSuccess(data) {
        $("#tableget").html(data.d);
    }
    function Insert() {
        var HidenID = $('#txtHidenID').val();
        if (HidenID == "") {
            PostData();
            //jAlert('Insert', "Thông báo");
        }
        else {
            UpdateData();
            //jAlert('Update', "Thông báo");
        }
    }

    function PostData() {
        <%--var Empld = $('#<%= TextBox1.ClientID %>').val();
        var FirstName = $('#<%= TextBox2.ClientID %>').val();--%>

        var Empld = $('#txtID').val();
        var FirstName = $('#txtFirtName').val();
        var LastName = $('#txtLastName').val();
        var Email = $('#txtEmail').val();

        if (Empld == "") {
            jAlert('Số Id bạn không được rỗng !', "Thông báo");
            return false;
        }
        if (FirstName == "") {
            jAlert('Tên bạn không được rỗng !', "Thông báo");
            return false;
        }
        if (LastName == "") {
            jAlert('Họ bạn không được rỗng !', "Thông báo");
            return false;
        }
        if (Email == "") {
            jAlert('Email bạn không được rỗng !', "Thông báo");
            return false;
        }
        $('body').append('<div id="loadingPage">Đang tải</div>');
        $.ajax({
            type: "POST",
            url: "AddTab.aspx/Insert",
            data: "{'Empld':'" + Empld + "', 'FirstName':'" + FirstName + "','LastName':'" + LastName + "','Email':'" + Email + "'}",
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: OnSuccess,
            failure: function (response) {
                alert(response.d);
            }
        });
    }

    function UpdateData() {
        var Empld = $('#txtID').val();
        var FirstName = $('#txtFirtName').val();
        var LastName = $('#txtLastName').val();
        var Email = $('#txtEmail').val();

        if (Empld == "") {
            jAlert('Số Id bạn không được rỗng !', "Thông báo");
            return false;
        }
        if (FirstName == "") {
            jAlert('Tên bạn không được rỗng !', "Thông báo");
            return false;
        }
        if (LastName == "") {
            jAlert('Họ bạn không được rỗng !', "Thông báo");
            return false;
        }
        if (Email == "") {
            jAlert('Email bạn không được rỗng !', "Thông báo");
            return false;
        }
        $('body').append('<div id="loadingPage">Đang tải</div>');
        $.ajax({
            type: "POST",
            url: "AddTab.aspx/UpdateTest",
            data: "{'Empld':'" + Empld + "', 'FirstName':'" + FirstName + "','LastName':'" + LastName + "','Email':'" + Email + "'}",
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: OnSuccessUpdate,
            failure: function (response) {
                alert(response.d);
            }
        });
    }
    function OnSuccess(response) {
        jAlert('Thêm thành công dữ liệu ', "Thông báo");
        bindData();
        Clear();
        $('#loadingPage').remove();
        return true;
    }
    function OnSuccessUpdate(response) {
        jAlert('Cập nhật thành công dữ liệu ', "Thông báo");
        bindData();
        $('#loadingPage').remove();
        return true;
    }
    function Delete() {
        $.ajax({
            type: "POST",
            url: "AddTab.aspx/Delete",
            data: "{}",
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: OnSuccessDel,
            failure: function (response) {
                alert(response.d);
            }
        });
    }
    function OnSuccessDel(response) {
        jAlert('Xoá thành công dữ liệu ', "Thông báo");
        bindData();
        return true;
    }
    function Clear() {
        $('.form-group input.form-control').val('');
    }
    
</script>
<script type="text/javascript">
    function SelectVal(x) {
        var index = parseInt(x.rowIndex) - 1;
        $('#txtID').val($('#tblMain tbody tr:eq(' + index + ') td:eq(0)').text());
        $('#txtHidenID').val($('#tblMain tbody tr:eq(' + index + ') td:eq(0)').text());
        $('#txtFirtName').val($('#tblMain tbody tr:eq(' + index + ') td:eq(1)').text());
        $('#txtLastName').val($('#tblMain tbody tr:eq(' + index + ') td:eq(2)').text());
        $('#txtEmail').val($('#tblMain tbody tr:eq(' + index + ') td:eq(3)').text());
        //jAlert('Row index is: ' + x.rowIndex, "Thông Báo");
    }
</script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <%--<div class="container-fluid ">
			
			<ul class="nav nav-tabs marginBottom" id="myTab">
				  <li class="active "><a href="#home" class="backgroundRed" >Inbox </a></li>
			</ul>
			<div >
				<div class="operationDiv">
					<button type="submit" class="btn btn-default btn-sm" id="composeButton">+ Add Tab</button>
				</div>	
			</div >
			
			<div class="row-fluid ">
				<div class="row-fluid ">						
					<div class="tab-content span4">
						  <div class="tab-pane active" id="home">Inbox</div>
						  <div class="tab-pane" id="profile">sent</div>
						  <div class="tab-pane" id="messages">Compose1</div>
						  <div class="tab-pane" id="settings">Re:This is test</div>
					</div>
				</div>					
			</div>
		</div>--%>
    <input type ="button" id ="btnDelete" onclick="Delete()" class="btn btn-default btn-sm" value="Xoá" />
    <fieldset>
         <legend>Thông tin của bạn</legend>
         <div class="form-group">
            <label for="inputEmail" class="col-lg-2 control-label">Số ID :</label>
             <input type="hidden" class="form-control" id="txtHidenID"  />
             <div class="col-lg-10">
                 <input type="text" class="form-control" id="txtID"  />
             </div>
         </div>

         <div class="form-group">
            <label for="inputEmail" class="col-lg-2 control-label">Tên của bạn :</label>
             <div class="col-lg-10">
                 <input type="text" class="form-control" id="txtFirtName"  />
             </div>
         </div>

         <div class="form-group">
            <label for="inputEmail" class="col-lg-2 control-label">Họ của bạn :</label>
             <div class="col-lg-10">
                 <input type="text" class="form-control" id="txtLastName"  />
             </div>
         </div>

         <div class="form-group">
            <label for="inputEmail" class="col-lg-2 control-label">Email của bạn :</label>
             <div class="col-lg-10">
                 <input type="text" class="form-control" id="txtEmail"  />
             </div>
          </div>

         <div class="form-group">
            <div class="col-lg-10 col-lg-offset-2">
                <input type="button" id="btnSubmit" class="btn btn-primary" onclick="Insert()" value="Cập nhật" />
                <input type="button" id="btnCancel" class="btn btn-default" onclick="Clear()" value="Bỏ qua" />
            </div>
         </div>
    </fieldset>

    <div id="tableget"></div>
</asp:Content>
